{% extends "SLFrontBundle::layout.html.twig" %}

	{% block title %}{{ parent() }} - {{ projet.name }}{% endblock %}

	{% block body %}
	<div class="h-scroll">
		<ul class="project-images slider-images">
			{% for image in images %}
				<li><img src="{{ asset('images/big') }}{{ image.big.getWebPath }}" alt="{{ projet.name }}"/></li>
			{% endfor %}
		</ul>
	</div>

	<div class="project-info">
	<div class="field">
		<button class="button">info</button>
		<div class="description">
			<div class="content">

				{% if projet.descriptionTitle1 != null %}
					<h1>{{ projet.descriptionTitle1|upper }}</h1>
				{% endif %}
				{% if projet.description1 != null %}
					<p>
						{{ projet.description1 }}
					</p>
				{% endif %}

				{% if projet.descriptionTitle2 != null %}
					<h1>{{ projet.descriptionTitle2|upper }}</h1>
				{% endif %}
				{% if projet.description2 != null %}
					<p>
						{{ projet.description2 }}
					</p>
				{% endif %}
				
				{% if projet.descriptionTitle3 != null %}
					<h1>{{ projet.descriptionTitle3|upper }}</h1>
				{% endif %}
				{% if projet.description3 != null %}
					<p>
						{{ projet.description3 }}
					</p>
				{% endif %}


			</div>
		<button class="close">fermer</button>
		</div>
	</div>
	
	<div class="field">
		<button class="button">fiche technique</button>
		<div class="description">
			<div class="content">

				<p>
					<b>Nom du projet :</b> {{ projet.name }}
					{% if projet.maitreOuvrage != null %} <br/><br /><b>Maître d’ouvrage</b> : {{ projet.maitreOuvrage }} {% endif %}
					<br/><br /><b>Lieu</b> : {{ projet.lieu }}
					<br/><br /><b>Année</b> : {{ projet.date|date("d/m/Y") }}
					{% if projet.surface != null %} <br/><br /><b>Surface hors oeuvre</b> : {{ projet.surface }} {% endif %}
					{% if projet.mission != null %} <br/><br /><b>Mission</b> : {{ projet.mission }} {% endif %}
					{% if projet.cout != null %} <br/><br /><b>Coût des travaux</b> : {{ projet.cout }} {% endif %}
					{% if projet.recompense != null %} <br/><br /><b>Prix</b> : {{ projet.recompense }} {% endif %}
				</p>

			</div>
			<button class="close">fermer</button>
		</div>
	</div>
</div>

<div class="h-scroll">
	<ul class="project-thumbs slider-images">
		{% for image in images %}
			<li><img src="{{ asset('images/small') }}{{ image.small.getWebPath }}" alt="{{ projet.name }}"/></li>
		{% endfor %}
	</ul>
</div>
	{% endblock %}